<template>
  <div class="headers">
    <div class="contain">
      <!-- <el-button>aaa</el-button> -->
      <span>多培养一些优秀的测试工程师</span>
      <div>
        <span>请登入 </span>
        <span> 免费注册</span>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
// import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src

@Component({
  components: {
    // HelloWorld
  }
})
export default class Headers extends Vue {}
</script>
<style lang="scss">
.headers {
  background: #dcdcdc;
  height: 32px;
  .contain {
    line-height: 32px;
    font-size: 12px;
    > span {
      float: left;
      cursor: pointer;
    }
    > div {
      float: right;
      cursor: pointer;
      span {
        &:hover {
          color: #e83632;
        }
      }
    }
  }
}
</style>
